<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/inc_head.html"; ?>
<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/layout/layoutA_1.html"; ?>

<div class="service-con">
	<script type="text/javascript">
	  $(function() {
	    $( "#slider-vertical" ).slider({
	      orientation: "horizental",
	      range: "min",
	      min: 0,
	      max: 100,
	      value: 60,
	      slide: function( event, ui ) {
	        $( "#amount" ).val( ui.value );
	      }
	    });
	    $( "#amount" ).val( $( "#slider-vertical" ).slider( "value" ) );
	  });
	  </script>

	<h5>슬라이더</h5>
	<div>
		<p>
		  <label for="amount">Volume:</label>
		  <input type="text" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" />
		</p>
		 
		<div id="slider-vertical" style="height: 10px;"></div>
	</div>

</div><!-- //service-con -->

<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/layout/layoutA_2.html"; ?>